<template>
  <view class="agreement-page">
    <view class="agreement-content">
      <!-- 标题 -->
      <view class="agreement-header">
        <text class="agreement-title">用户服务协议</text>
        <text class="update-time">更新时间：2024年1月1日</text>
      </view>
      
      <!-- 协议内容 -->
      <view class="agreement-body">
        <view class="section">
          <text class="section-title">一、总则</text>
          <text class="section-content">
            欢迎您使用安电司应用！本协议是您与安电司之间关于使用本应用服务所订立的协议。请您仔细阅读本协议，您点击"同意"或使用本应用服务，即表示您已充分阅读、理解并接受本协议的全部内容。
          </text>
        </view>
        
        <view class="section">
          <text class="section-title">二、服务内容</text>
          <text class="section-content">
            安电司应用为用户提供电力管理、设备监控、数据分析等服务。我们致力于为用户提供安全、可靠、高效的电力管理解决方案。
          </text>
        </view>
        
        <view class="section">
          <text class="section-title">三、用户权利和义务</text>
          <text class="section-content">
            用户在使用本应用时应遵守以下规定：
          </text>
          <view class="content-list">
            <text class="list-item">1. 用户有权在遵守本协议的前提下使用本应用提供的各项服务</text>
            <text class="list-item">2. 用户应当遵守国家相关法律法规，不得利用本应用从事违法违规活动</text>
            <text class="list-item">3. 用户应当妥善保管账号信息，不得将账号提供给他人使用</text>
            <text class="list-item">4. 用户应当及时更新个人信息，确保信息的真实性和准确性</text>
          </view>
        </view>
        
        <view class="section">
          <text class="section-title">四、知识产权</text>
          <text class="section-content">
            本应用及其相关内容（包括但不限于文字、图片、音频、视频、图表、界面设计、版面框架、有关数据或电子文档等）均受著作权法和国际著作权条约以及其他知识产权法律法规的保护。
          </text>
        </view>
        
        <view class="section">
          <text class="section-title">五、免责声明</text>
          <text class="section-content">
            我们提供以下免责声明：
          </text>
          <view class="content-list">
            <text class="list-item">1. 本应用按"现状"提供服务，我们不保证服务不会中断，也不保证服务的及时性、安全性、准确性</text>
            <text class="list-item">2. 对于因不可抗力或本应用无法控制的原因造成的服务中断或其他缺陷，我们不承担责任</text>
            <text class="list-item">3. 用户因使用本应用而产生的任何直接、间接、偶然、特殊及后续的损害，我们不承担责任</text>
          </view>
        </view>
        
        <view class="section">
          <text class="section-title">六、协议修改</text>
          <text class="section-content">
            我们保留随时修改本协议的权利。协议修改后，我们会在应用内发布通知。如果您继续使用本应用服务，则视为您接受修改后的协议。
          </text>
        </view>
        
        <view class="section">
          <text class="section-title">七、联系我们</text>
          <text class="section-content">
            如果您对本协议有任何疑问或建议，请通过以下方式联系我们：
          </text>
          <view class="content-list">
            <text class="list-item">邮箱：support@andiansi.com</text>
            <text class="list-item">电话：400-123-4567</text>
            <text class="list-item">地址：北京市朝阳区xxx大厦</text>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script setup>
// 移除Navbar组件导入
</script>

<style scoped lang="scss">
.agreement-page {
  background: #fff;
  min-height: 100vh;
  padding-top: 0; // 移除自定义header的padding
}

.agreement-content {
  padding: 40rpx;
  background: #fff;
}

.agreement-header {
  margin-bottom: 60rpx;
  text-align: center;
  padding-bottom: 40rpx;
  border-bottom: 1rpx solid #e5e5e5;
}

.agreement-title {
  color: #333;
  font-size: 44rpx;
  font-weight: bold;
  margin-bottom: 20rpx;
  display: block;
}

.update-time {
  color: #666;
  font-size: 28rpx;
  display: block;
}

.agreement-body {
  background: #fff;
}

.section {
  margin-bottom: 50rpx;
}

.section:last-child {
  margin-bottom: 0;
}

.section-title {
  color: #333;
  font-size: 32rpx;
  font-weight: bold;
  margin-bottom: 24rpx;
  display: block;
}

.section-content {
  color: #333;
  font-size: 30rpx;
  line-height: 1.8;
  display: block;
  margin-bottom: 16rpx;
}

.content-list {
  display: flex;
  flex-direction: column;
  gap: 12rpx;
}

.list-item {
  color: #333;
  font-size: 28rpx;
  line-height: 1.6;
  padding-left: 20rpx;
  position: relative;
  
  &::before {
    content: '';
    position: absolute;
    left: 0;
    top: 16rpx;
    width: 6rpx;
    height: 6rpx;
    background: #333;
    border-radius: 50%;
  }
}
</style> 